<template> 
  <el-row :gutter="10">
    <el-col :span="dataSetId?8:24">
      <DataSetList pageLayout="total, sizes, prev, next" subOpType="select" ref="DataSetListRef" @select="onDataSetSelect"/> 
    </el-col>
    <el-col :span="dataSetId?16:0" v-if="dataSetId"> 
        <DataSetFieldList subOpType="select" :multiple="true" ref="DataSetFieldListRef" v-model="dataSetId" @select="(val)=>$emit('select',val)"/>   
     </el-col>
  </el-row>
       
        
</template>

<script>
 import DataSetList from './Index.vue';  
import DataSetFieldList from './FieldList.vue'; 
export default {
  components:{
    DataSetList,DataSetFieldList
  },
  name: 'DataSetFieldSelect',  
  computed:{ 
  },
  data() {
    return {
      dataSetId:'',  
     
    }
  },
  methods: {  
    onDataSetSelect(dataSet){
      this.dataSetId=dataSet.id
    }
  },
  mounted() {
  }
}

</script>

<style scoped>
</style>
